<template>
  <div id="app">
   <!-- 路由是视图 -->
    <router-view/>
  </div>
</template>

<style lang="less">
*{
  margin: 0;
  padding: 0;
}

// 声明变量
@fontSize: 10px;
@bg:red;
// 嵌套规则
#nav {
  // LESS 中使用的算术运算符
  padding: @fontSize*5;
background-color: @bg;
  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}



</style>
